<template>
  <el-dialog
    :visible.sync="showRmmPop"
    :close-on-click-modal="false"
    top="35vh"
  >
    <div class="pop-detail">
      <div class="close-icon" @click="showRmmPop = false">
        <span>×</span>
      </div>
      <el-table
        :data="dataList"
        border
        class="table"
        :span-method="mergeSameRows"
      >
        <el-table-column prop="index" label="序号" align="left" width="50">
          <template slot-scope="scope">
            <div class="multi-line-text" style="line-height: 2.2vh">
              {{ scope.row.index }}
            </div>
          </template>
        </el-table-column>
        <el-table-column
          prop="level"
          label="风险提醒等级"
          align="center"
          width="180"
        >
        </el-table-column>
        <el-table-column prop="incrementIndex" label="增量指标" align="left">
          <template slot-scope="scope">
            <div class="multi-line-text">
              {{ scope.row.incrementIndex }}
            </div>
          </template>
        </el-table-column>
        <el-table-column prop="warningWay" label="提醒/预警方式" align="left">
          <template slot-scope="scope">
            <div class="multi-line-text">
              {{ scope.row.warningWay }}
            </div>
          </template>
        </el-table-column>
        <el-table-column prop="measureWay" label="风险处置方式" align="left">
          <template slot-scope="scope">
            <div class="multi-line-text">
              {{ scope.row.measureWay }}
            </div>
          </template>
        </el-table-column>
      </el-table>
    </div>
  </el-dialog>
</template>

<script>
export default {
  name: "userDeatil",
  data() {
    return {
      showRmmPop: false, //用户详情弹窗
      // 查询参数
      dataList: [
        {
          index: "01",
          level: "内部风险提醒",
          incrementIndex:
            "1、倾斜增量0.3mm/m\n2、裂缝增量0.25mm\n3、其他信息辅助判断",
          warningWay: "1、自动通知内部人员\n2、平台增量排序显示",
          measureWay:
            "1、确认后纳入重点观察\n2、启动内部专家评审\n3、启动现场人工巡视",
        },
        {
          index: "02",
          level: "内部风险提醒",
          incrementIndex:
            "1、倾斜增量0.3mm/m\n2、裂缝增量0.25mm\n3、其他信息辅助判断",
          warningWay: "1、自动通知内部人员\n2、平台增量排序显示",
          measureWay:
            "1、确认后纳入重点观察\n2、启动内部专家评审\n3、启动现场人工巡视",
        },
        {
          index: "03",
          level: "黄色风险提醒",
          incrementIndex:
            "1、倾斜增量0.5mm/m\n2、裂缝增量0.5mm\n3、应变增量200\n4、沉降差值5mm/10m\n5、其他信息辅助判断",
          warningWay:
            "1、自动通知内部人员\n2、平台端显示风险提醒\n3、确认后留痕告知客户\n4、向客户出具书面报告",
          measureWay:
            "1、确认后纳入重点观察\n2、启动内部专家评审\n3、立刻组织现场人工检测\n4、加密专业人工巡检每月1次\n5、加密网格员巡查每周1次",
        },
        {
          index: "04",
          level: "橙色风险提醒",
          incrementIndex:
            "1、倾斜增量1.5mm/m\n2、裂缝增量1.5mm\n3、应变增量600\n4、沉降差值15mm/10m\n5、其他信息辅助判断",
          warningWay:
            "1、自动通知内部人员\n2、平台端显示风险提醒\n3、确认后留痕告知客户\n4、向客户出具书面报告",
          measureWay:
            "1、启动内部专家评审\n2、立刻组织现场人工检测\n3、加密专业人工巡检每月1次\n4、加密网格员巡查每周1次\n5、建议住建组织再次鉴定\n6、建议住建做好疏散预案",
        },
        {
          index: "05",
          level: "红色风险提醒/正式预警",
          incrementIndex:
            "1、倾斜增量2.0mm/m或倾斜增速大于0.3mm/m/3d\n2、裂缝增量2.0mm\n3、应变增量800\n4、沉降差值20mm/10m\n5、其他信息辅助判断",
          warningWay:
            "1、自动通知内部人员\n2、平台端显示风险提醒\n3、确认后留痕告知客户\n4、向客户出具书面报告",
          measureWay:
            "1、启动内部专家评审\n2、立刻组织现场人工检测\n3、加密专业人工巡检每月1次\n4、加密网格员巡查每周1次\n5、建议住建组织再次鉴定\n6、根据专家讨论及鉴定结果，建议住建做好疏散准备",
        },
        {
          index:
            "注：\n1）本预警机制基于房屋安全风险数据增量/增速原则进行设定，同时，参照应急管理关口前移原则，分为蓝、黄、橙、红四级风险提醒，红色提醒发生时即为触发预警。\n2）当房屋安全数据增量发生时，相关房屋风险大小的评估应综合评估房屋既有的多方面安全风险情况，综合做出评判，供政府主管部门参考并采取相应风险管控措施。\n3）若被监测房屋是D级危险房屋，在确认达到蓝色风险提醒增量，或其它房屋风险情况发生时，建议主管部门在第一时间按照国家有关D级危险房屋管理办法实施风险管理措施。\n4）若被监测房屋是一般安全隐患或以上级别房屋或C级危险房屋，且已经触发蓝色风险提醒，则建议主管部门在第一时间组织对房屋进行再次鉴定，根据鉴定结果，采取后续相应的风险管理措施。\n5）根据目前科技发展情况及对房屋倒塌机理复杂性认知客观水平情况，现有监测系统因传感器精度、种类、数量等因素及专家经验因素，合格的监测手段能够有效捕捉风险发展情况，但并不代表能够保证捕捉所有房屋安全风险，监测机构只能对合理有效的房屋安全监测数据信息评判负责，不能对房屋倒塌判断负责。同时，目前科技水平很难对房屋可能的残余寿命或倒塌时间进行预测。",
        },
      ],
    };
  },
  mounted() {},
  methods: {
    initTable() {},
    closePopup() {
      this.$emit("closePopup");
    },
    mergeSameRows({ row, column, rowIndex, columnIndex }) {
      if (rowIndex === 5) {
        return [1, 5]; // 行合并，不合并列
      }
    },
  },
};
</script>

<style scoped lang="scss">
.pop-detail {
  padding: 4vh 0.8vw 1.6vh 1.4vw;
  width: 55vw;
  position: absolute;
  top: 35%;
  left: 50%;
  transform: translate(-50%, -35%);
  z-index: 110;
  background: url("@/assets/image/popupbg2.png") no-repeat;
  background-size: 100% 100%;
  .close-icon {
    width: 0.18rem;
    height: 0.18rem;
    background-color: #a7caea;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000e36;
    font-weight: 700;
    position: absolute;
    right: 0.5vw;
    top: 1vh;
    cursor: pointer;
  }
  .table {
    width: 100%;
    height: 100%;
    min-height: 50vh;
    max-height: 68vh;
    overflow: auto;
  }
}
</style>
